<!DOCTYPE html>
<html class="no-js" lang="en-US">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        

        <!-- Icons -->
        <link rel="apple-touch-icon-precomposed" sizes="57x57" href="../images/favicon/apple-touch-icon-57x57.png" />
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="../images/favicon/apple-touch-icon-114x114.png" />
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="../images/favicon/apple-touch-icon-72x72.png" />
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="../images/favicon/apple-touch-icon-144x144.png" />
        <link rel="apple-touch-icon-precomposed" sizes="60x60" href="../images/favicon/apple-touch-icon-60x60.png" />
        <link rel="apple-touch-icon-precomposed" sizes="120x120" href="../images/favicon/apple-touch-icon-120x120.png" />
        <link rel="apple-touch-icon-precomposed" sizes="76x76" href="../images/favicon/apple-touch-icon-76x76.png" />
        <link rel="apple-touch-icon-precomposed" sizes="152x152" href="../images/favicon/apple-touch-icon-152x152.png" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-196x196.png" sizes="196x196" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-96x96.png" sizes="96x96" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-32x32.png" sizes="32x32" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-16x16.png" sizes="16x16" />
        <link rel="icon" type="image/png" href="../images/favicon/favicon-128.png" sizes="128x128" />
        <meta name="application-name" content="&nbsp;"/>
        <meta name="msapplication-TileColor" content="#FFFFFF" />
        <meta name="msapplication-TileImage" content="mstile-144x144.png" />
        <meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
        <meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
        <meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
        <meta name="msapplication-square310x310logo" content="mstile-310x310.png" />


        <link rel="manifest" href="manifest.json">
        
            <link rel="canonical" href="#">
        

        <link rel="stylesheet" href="../css/home.css">
        <meta name="msapplication-config" content="browserconfig.xml"/>
        <meta name="msapplication-TileColor" content="%23ffffff">
        <meta name="msapplication-TileImage" content="../images/favicon/ms-icon-144x144.png">
        <meta name="theme-color" content="%23ffffff">

        <!-- Title -->
        <title>M3: Open Source Metrics Engine</title>
        <meta property="og:title" content="M3: Open Source Metrics Engine"/>
        <meta property="og:site_name" content="M3"/>
        
            <meta property="og:url" content="#"/>
        
        <meta property="og:type" content="website"/>
        <meta name="twitter:title" content="M3: Open Source Metrics Engine"/>
        <meta name="twitter:site" content="@m3"/>
        <meta name="twitter:card" content="summary_large_image"/>

        <!-- Image -->
        
            <meta property="og:image" content="../images/page/og-home.jpg"/>
            <meta name="twitter:image" content="../images/page/og-home.jpg"/>
        

        <!-- Description -->
        
            <meta name="description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands."/>
            <meta name="twitter:description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands."/>
            <meta property="og:description" content="M3 is a Prometheus compatible, easy to adopt metrics engine that powers/provides visibility for some of the world's largest brands.">
        

        <base href="/">

    </head>

    <body>
        

<header id="screen-reader-shortcut-header" class="main-header js-main-header fixed-top w-100">

    
        <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <div class="container c-mx-0">
        <div class="row align-items-center justify-content-between no-gutters w-100">
            <a class="navbar-brand d-flex align-items-center" href="">
                <img src="../images/logo.svg" class="navbar-brand__logo" alt="logo-m3">
            </a>

            <div class="collapse navbar-collapse justify-content-between order-3 order-lg-2 pb-4 pb-lg-0" id="navbarNav">
                <ul class="navbar-nav mt-auto ml-auto c-mr-lg-8">
                    <li class="nav-item ">
                        <a class="nav-link" href="/community/">Community <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/about/">About M3</a>
                    </li>
                    <li class="nav-item ">
                        <a class="nav-link" href="/docs/">Documentation</a>
                    </li>
                </ul>
            </div>

            <div class="navbar-socials order-lg-3">
                <a href="https://bit.ly/m3slack" target="_blank" class="navbar-socials__logo-box bg-primary c-mr-2">
                    <img src="../images/slack_logo-light.svg" class="navbar-socials__logo" alt="logo-slack-light" />
                </a>
                <a href="https://github.com/m3db/m3" target="_blank" class="navbar-socials__logo-box bg-primary c-ml-2">
                    <img src="../images/github_logo-light.svg" class="navbar-socials__logo" alt="logo-github-light" />
                </a>
            </div>

            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span></span>
                <span></span>
                <span></span>
            </button>
        </div>
    </div>
</nav>
    

</header>

<div class="main-content page-home">

        

    <img src="../images/home/hero-bg.svg" class="home__bg-hero" alt="home-hero" />

<section class="hero-home">
    <div class="container">
        <div class="row">
            <div class="col-md-8 col-lg-6 mr-auto">
                <h1 class="hero-home__heading line-height-1-2 font-weight-semibold c-mt-6">
                    <span class="text-blue-light">M3:</span>
                    Open Source Metrics Engine
                </h1>
                <div class="hero-home__desc line-height-1-8 c-mt-8 c-mt-md-5">M3 is a Prometheus compatible, easy to adopt metrics engine that provides visibility for some of the world’s largest brands. <b style="text-decoration: underline;"><a href="https://github.com/m3db/m3/releases/tag/v1.0.0">Now v1.0.0</a></b>.</div>
                <a target="_self" rel="noopener" href="/docs/quickstart/docker" 
                class="crunch-button crunch-button__full-background crunch-button__full-background--gradient-color 
                crunch-button__full-background--arrow-right crunch-button__full-background--large text-white c-mt-10 c-mt-md-8">
                    Getting Started
                </a>
            </div>
        </div>
    </div>
</section>
    <section class="testimonial-tabs position-relative">
    <img src="../images/home/testimonials-bg.svg" class="testimonial-tabs__bg lazyload" alt="testimonial-background" />

    <div class="container-fluid" data-aos="fade-in">
        <div class="row justify-content-center">
            <div class="testimonial-tabs__headBox c-mb-8 c-mb-md-3 d-flex justify-content-center align-items-center w-100">
                <h2 class="testimonial-tabs__head font-size-30 font-weight-semibold text-center">
                    Trusted by startups and the world’s largest companies
                </h2>
            </div>
        </div>
    </div>

    <div class="container c-pt-6" data-aos="fade-in">
        <!-- desktop -->
        <div class="row testimonial-tabs__box d-none d-lg-block">
            <div class="col-12">
                <div class="tab-content" id="testimonialTabContent">

                    
                        <div 
                            class="testimonial-tabs__pane flex-wrap flex-md-nowrap tab-pane fade show active" 
                            id="uber" 
                            role="tabpanel" 
                            aria-labelledby="nav-content-tab-uber">

                            <div class="left-col">
                                
                                    <h3 class="font-size-30 font-weight-bold">
                                        Monitorama 2018
                                    </h3>
                                

                                
                                    <p class="font-size-16 c-mt-2">
                                        Putting billions of timeseries to work at Uber with autonomous monitoring
                                    </p>
                                

                                <div class="testimonial-tabs__quote c-mt-10 c-mt-md-8">
                                    <p class="font-size-26 font-weight-semibold line-height-2">
                                        "At a scale of 1.5 million datapoints ingested per second, it started getting very expensive to monitor our metrics and we had to turn down our replication factor (RF) to 2 on Cassandra. With M3DB, we were able to bring RF back to 3 while also cutting down significantly on hardware / storage costs."
                                    </p>
                                    <div class="c-mt-5 d-flex align-items-center">
                                        <img src="../images/home/prateek.jpg" class="person-image object-fit-cover c-mr-3 lazyload" loading="lazy" alt="person-Prateek" />
                                        <div>
                                            <h4 class="font-size-14 font-weight-semibold">
                                                Prateek Rungta
                                            </h4>
                                            <p class="font-size-12">
                                                Uber
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-col c-mt-md-8">
                                <h3 class="font-size-26 font-weight-semibold">
                                    

                                    
                                        <span class="font-size-38 font-weight-bold text-secondary c-mt-3 c-mb-2 d-inline-block w-100">
                                            7x
                                        </span>
                                    

                                    
                                         reduction in hardware footprint
                                    
                                </h3>
                                <a rel="noopener" href="https://vimeo.com/274821002" target="_blank" 
                                class="crunch-button crunch-button__outline 
                                crunch-button crunch-button__outline--secondary-color crunch-button__outline--medium crunch-button__outline--border-radius font-weight-medium c-mt-5">
                                    Learn more about this case
                                </a>
                            </div>
                        </div>
                    
                        <div 
                            class="testimonial-tabs__pane flex-wrap flex-md-nowrap tab-pane fade " 
                            id="walmart" 
                            role="tabpanel" 
                            aria-labelledby="nav-content-tab-walmart">

                            <div class="left-col">
                                
                                    <h3 class="font-size-30 font-weight-bold">
                                        M3 meetup
                                    </h3>
                                

                                
                                    <p class="font-size-16 c-mt-2">
                                        June 2020
                                    </p>
                                

                                <div class="testimonial-tabs__quote c-mt-10 c-mt-md-8">
                                    <p class="font-size-26 font-weight-semibold line-height-2">
                                        "We have 5000 domestic Walmart stores that need monitoring, so we wanted a centralized solution that was cheaper than the obvious alternatives and scalable...With M3, the advantages are very good performance on writes and queries, it’s cost effective versus alternatives, and it scales linearly."
                                    </p>
                                    <div class="c-mt-5 d-flex align-items-center">
                                        <img src="../images/home/Ron.jpg" class="person-image object-fit-cover c-mr-3 lazyload" loading="lazy" alt="person-Ron" />
                                        <div>
                                            <h4 class="font-size-14 font-weight-semibold">
                                                Ron Murphy
                                            </h4>
                                            <p class="font-size-12">
                                                System Telemetry Architect, Walmart Labs
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-col c-mt-md-8">
                                <h3 class="font-size-26 font-weight-semibold">
                                    

                                    
                                        <span class="font-size-38 font-weight-bold text-secondary c-mt-3 c-mb-2 d-inline-block w-100">
                                            50k to millions
                                        </span>
                                    

                                    
                                        of samples per second
                                    
                                </h3>
                                <a rel="noopener" href="https://vimeo.com/user120001164/review/449883279/00fe7ae922?sort=lastUserActionEventDate&amp;direction=desc" target="_blank" 
                                class="crunch-button crunch-button__outline 
                                crunch-button crunch-button__outline--secondary-color crunch-button__outline--medium crunch-button__outline--border-radius font-weight-medium c-mt-5">
                                    Learn more about this case
                                </a>
                            </div>
                        </div>
                    
                        <div 
                            class="testimonial-tabs__pane flex-wrap flex-md-nowrap tab-pane fade " 
                            id="linkedin" 
                            role="tabpanel" 
                            aria-labelledby="nav-content-tab-linkedin">

                            <div class="left-col">
                                
                                    <h3 class="font-size-30 font-weight-bold">
                                        M3 meetup
                                    </h3>
                                

                                
                                    <p class="font-size-16 c-mt-2">
                                        June 2020
                                    </p>
                                

                                <div class="testimonial-tabs__quote c-mt-10 c-mt-md-8">
                                    <p class="font-size-26 font-weight-semibold line-height-2">
                                        "We needed a metrics stack to visualize, detect, and alert on the growing machine learning infrastructure that LinkedIn relies on to provide a best in class experience for its users."
                                    </p>
                                    <div class="c-mt-5 d-flex align-items-center">
                                        <img src="../images/home/Brian.jpg" class="person-image object-fit-cover c-mr-3 lazyload" loading="lazy" alt="person-Brian" />
                                        <div>
                                            <h4 class="font-size-14 font-weight-semibold">
                                                Brian McQueen
                                            </h4>
                                            <p class="font-size-12">
                                                SRE, LinkedIn
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-col c-mt-md-8">
                                <h3 class="font-size-26 font-weight-semibold">
                                    

                                    
                                        <span class="font-size-38 font-weight-bold text-secondary c-mt-3 c-mb-2 d-inline-block w-100">
                                            100k
                                        </span>
                                    

                                    
                                        quorum writes per second for each lightweight client
                                    
                                </h3>
                                <a rel="noopener" href="https://vimeo.com/user120001164/review/440390957/bed8032cfd?sort=lastUserActionEventDate&amp;direction=desc" target="_blank" 
                                class="crunch-button crunch-button__outline 
                                crunch-button crunch-button__outline--secondary-color crunch-button__outline--medium crunch-button__outline--border-radius font-weight-medium c-mt-5">
                                    Learn more about this case
                                </a>
                            </div>
                        </div>
                    
                        <div 
                            class="testimonial-tabs__pane flex-wrap flex-md-nowrap tab-pane fade " 
                            id="chronosphere" 
                            role="tabpanel" 
                            aria-labelledby="nav-content-tab-chronosphere">

                            <div class="left-col">
                                
                                    <h3 class="font-size-30 font-weight-bold">
                                        FOSDEM 2020
                                    </h3>
                                

                                
                                    <p class="font-size-16 c-mt-2">
                                        Querying millions to billions of metrics with M3DB&#39;s inverted index
                                    </p>
                                

                                <div class="testimonial-tabs__quote c-mt-10 c-mt-md-8">
                                    <p class="font-size-26 font-weight-semibold line-height-2">
                                        "When querying millions or billions of metrics, you want something flexible and sublinear in speed as the queries become longer and longer the more distinct values you have. This led us to the creation of M3DB’s inverted index."
                                    </p>
                                    <div class="c-mt-5 d-flex align-items-center">
                                        <img src="../images/home/rob_skillington.jpg" class="person-image object-fit-cover c-mr-3 lazyload" loading="lazy" alt="person-rob_skillington" />
                                        <div>
                                            <h4 class="font-size-14 font-weight-semibold">
                                                Rob Skillington
                                            </h4>
                                            <p class="font-size-12">
                                                CTO and Co-Founder of Chronosphere, Former Tech Lead at Uber
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-col c-mt-md-8">
                                <h3 class="font-size-26 font-weight-semibold">
                                    

                                    
                                        <span class="font-size-38 font-weight-bold text-secondary c-mt-3 c-mb-2 ">
                                            3 billion+
                                        </span>
                                    

                                    
                                         datapoints queried per second
                                    
                                </h3>
                                <a rel="noopener" href="https://archive.fosdem.org/2020/schedule/event/m3db/" target="_blank" 
                                class="crunch-button crunch-button__outline 
                                crunch-button crunch-button__outline--secondary-color crunch-button__outline--medium crunch-button__outline--border-radius font-weight-medium c-mt-5">
                                    Learn more about this case
                                </a>
                            </div>
                        </div>
                    

                </div>
                <ul class="nav nav-tabs" id="testimonialTab" role="tablist">

                    
                        <li class="nav-item" role="presentation">
                            <a 
                                class="nav-link active" 
                                id="nav-content-tab-uber" 
                                data-toggle="tab" 
                                href="#uber" 
                                role="tab" 
                                aria-controls="uber" 
                                aria-selected="true">

                                <img src="../images/home/uber_logo.png" class="testimonial-tabs__navicon testimonial-tabs__navicon--uber lazyload" loading="lazy" alt="uber"/>
                            </a>
                        </li>
                    
                        <li class="nav-item" role="presentation">
                            <a 
                                class="nav-link " 
                                id="nav-content-tab-walmart" 
                                data-toggle="tab" 
                                href="#walmart" 
                                role="tab" 
                                aria-controls="walmart" 
                                aria-selected="false">

                                <img src="../images/home/walmart_logo.png" class="testimonial-tabs__navicon testimonial-tabs__navicon--walmart lazyload" loading="lazy" alt="walmart"/>
                            </a>
                        </li>
                    
                        <li class="nav-item" role="presentation">
                            <a 
                                class="nav-link " 
                                id="nav-content-tab-linkedin" 
                                data-toggle="tab" 
                                href="#linkedin" 
                                role="tab" 
                                aria-controls="linkedin" 
                                aria-selected="false">

                                <img src="../images/home/linkedin_logo.png" class="testimonial-tabs__navicon testimonial-tabs__navicon--linkedin lazyload" loading="lazy" alt="linkedin"/>
                            </a>
                        </li>
                    
                        <li class="nav-item" role="presentation">
                            <a 
                                class="nav-link " 
                                id="nav-content-tab-chronosphere" 
                                data-toggle="tab" 
                                href="#chronosphere" 
                                role="tab" 
                                aria-controls="chronosphere" 
                                aria-selected="false">

                                <img src="../images/home/chronosphere_logo.png" class="testimonial-tabs__navicon testimonial-tabs__navicon--chronosphere lazyload" loading="lazy" alt="chronosphere"/>
                            </a>
                        </li>
                    

                </ul>
            </div>
        </div>

        <!-- mobile -->
        <div class="row testimonial-tabs__box testimonial-tabs__mobile d-lg-none">
            <div class="col-9 c-pr-0">
                <div class="tab-content" id="testimonialTabContentMobile">

                    
                        <div 
                            class="testimonial-tabs__pane flex-wrap flex-lg-nowrap tab-pane fade show active" 
                            id="uber-mobile" 
                            role="tabpanel" 
                            aria-labelledby="nav-content-tab-mobile-uber">

                            <div class="left-col">
                                
                                    <h3 class="font-size-30 font-weight-bold">
                                        Monitorama 2018
                                    </h3>
                                

                                
                                    <p class="font-size-16 c-mt-5 c-mt-md-3">
                                        Putting billions of timeseries to work at Uber with autonomous monitoring
                                    </p>
                                

                                <div class="testimonial-tabs__quote c-mt-10 c-mt-md-8">
                                    <p class="font-size-26 font-weight-semibold line-height-2">
                                        "At a scale of 1.5 million datapoints ingested per second, it started getting very expensive to monitor our metrics and we had to turn down our replication factor (RF) to 2 on Cassandra. With M3DB, we were able to bring RF back to 3 while also cutting down significantly on hardware / storage costs."
                                    </p>
                                    <div class="c-mt-8 c-mt-md-6 d-flex align-items-center">
                                        <img src="../images/home/Prateek.jpg" class="person-image c-mr-3 lazyload"  loading="lazy" alt="person-/Prateek" />
                                        <div>
                                            <h4 class="font-size-14 font-weight-semibold">
                                                Prateek Rungta
                                            </h4>
                                            <p class="font-size-12">
                                                Uber
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-col">
                                <h3 class="font-size-26 text-center font-weight-semibold">
                                    

                                    
                                        <span class="font-size-38 font-weight-bold text-secondary c-mt-3 c-mb-2 d-inline-block w-100">
                                            7x
                                        </span>
                                    

                                    
                                         reduction in hardware footprint
                                    
                                </h3>
                                <a rel="noopener" href="https://vimeo.com/274821002" target="_blank" 
                                class="crunch-button crunch-button__outline 
                                crunch-button crunch-button__outline--secondary-color crunch-button__outline--medium crunch-button__outline--border-radius font-weight-medium c-mt-5">
                                    Learn more about this case
                                </a>
                            </div>
                        </div>
                    
                        <div 
                            class="testimonial-tabs__pane flex-wrap flex-lg-nowrap tab-pane fade " 
                            id="walmart-mobile" 
                            role="tabpanel" 
                            aria-labelledby="nav-content-tab-mobile-walmart">

                            <div class="left-col">
                                
                                    <h3 class="font-size-30 font-weight-bold">
                                        M3 meetup
                                    </h3>
                                

                                
                                    <p class="font-size-16 c-mt-5 c-mt-md-3">
                                        June 2020
                                    </p>
                                

                                <div class="testimonial-tabs__quote c-mt-10 c-mt-md-8">
                                    <p class="font-size-26 font-weight-semibold line-height-2">
                                        "We have 5000 domestic Walmart stores that need monitoring, so we wanted a centralized solution that was cheaper than the obvious alternatives and scalable...With M3, the advantages are very good performance on writes and queries, it’s cost effective versus alternatives, and it scales linearly."
                                    </p>
                                    <div class="c-mt-8 c-mt-md-6 d-flex align-items-center">
                                        <img src="../images/home/Ron.jpg" class="person-image c-mr-3 lazyload"  loading="lazy" alt="person-/Ron" />
                                        <div>
                                            <h4 class="font-size-14 font-weight-semibold">
                                                Ron Murphy
                                            </h4>
                                            <p class="font-size-12">
                                                System Telemetry Architect, Walmart Labs
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-col">
                                <h3 class="font-size-26 text-center font-weight-semibold">
                                    

                                    
                                        <span class="font-size-38 font-weight-bold text-secondary c-mt-3 c-mb-2 d-inline-block w-100">
                                            50k to millions
                                        </span>
                                    

                                    
                                        of samples per second
                                    
                                </h3>
                                <a rel="noopener" href="https://vimeo.com/user120001164/review/449883279/00fe7ae922?sort=lastUserActionEventDate&amp;direction=desc" target="_blank" 
                                class="crunch-button crunch-button__outline 
                                crunch-button crunch-button__outline--secondary-color crunch-button__outline--medium crunch-button__outline--border-radius font-weight-medium c-mt-5">
                                    Learn more about this case
                                </a>
                            </div>
                        </div>
                    
                        <div 
                            class="testimonial-tabs__pane flex-wrap flex-lg-nowrap tab-pane fade " 
                            id="linkedin-mobile" 
                            role="tabpanel" 
                            aria-labelledby="nav-content-tab-mobile-linkedin">

                            <div class="left-col">
                                
                                    <h3 class="font-size-30 font-weight-bold">
                                        M3 meetup
                                    </h3>
                                

                                
                                    <p class="font-size-16 c-mt-5 c-mt-md-3">
                                        June 2020
                                    </p>
                                

                                <div class="testimonial-tabs__quote c-mt-10 c-mt-md-8">
                                    <p class="font-size-26 font-weight-semibold line-height-2">
                                        "We needed a metrics stack to visualize, detect, and alert on the growing machine learning infrastructure that LinkedIn relies on to provide a best in class experience for its users."
                                    </p>
                                    <div class="c-mt-8 c-mt-md-6 d-flex align-items-center">
                                        <img src="../images/home/Brian.jpg" class="person-image c-mr-3 lazyload"  loading="lazy" alt="person-/Brian" />
                                        <div>
                                            <h4 class="font-size-14 font-weight-semibold">
                                                Brian McQueen
                                            </h4>
                                            <p class="font-size-12">
                                                SRE, LinkedIn
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-col">
                                <h3 class="font-size-26 text-center font-weight-semibold">
                                    

                                    
                                        <span class="font-size-38 font-weight-bold text-secondary c-mt-3 c-mb-2 d-inline-block w-100">
                                            100k
                                        </span>
                                    

                                    
                                        quorum writes per second for each lightweight client
                                    
                                </h3>
                                <a rel="noopener" href="https://vimeo.com/user120001164/review/440390957/bed8032cfd?sort=lastUserActionEventDate&amp;direction=desc" target="_blank" 
                                class="crunch-button crunch-button__outline 
                                crunch-button crunch-button__outline--secondary-color crunch-button__outline--medium crunch-button__outline--border-radius font-weight-medium c-mt-5">
                                    Learn more about this case
                                </a>
                            </div>
                        </div>
                    
                        <div 
                            class="testimonial-tabs__pane flex-wrap flex-lg-nowrap tab-pane fade " 
                            id="chronosphere-mobile" 
                            role="tabpanel" 
                            aria-labelledby="nav-content-tab-mobile-chronosphere">

                            <div class="left-col">
                                
                                    <h3 class="font-size-30 font-weight-bold">
                                        FOSDEM 2020
                                    </h3>
                                

                                
                                    <p class="font-size-16 c-mt-5 c-mt-md-3">
                                        Querying millions to billions of metrics with M3DB&#39;s inverted index
                                    </p>
                                

                                <div class="testimonial-tabs__quote c-mt-10 c-mt-md-8">
                                    <p class="font-size-26 font-weight-semibold line-height-2">
                                        "When querying millions or billions of metrics, you want something flexible and sublinear in speed as the query’s become longer and longer the more distinct values you have. This led us to the creation of M3DB’s inverted index."
                                    </p>
                                    <div class="c-mt-8 c-mt-md-6 d-flex align-items-center">
                                        <img src="../images/home/rob_skillington.jpg" class="person-image c-mr-3 lazyload"  loading="lazy" alt="person-/rob_skillington" />
                                        <div>
                                            <h4 class="font-size-14 font-weight-semibold">
                                                Rob Skillington
                                            </h4>
                                            <p class="font-size-12">
                                                CTO and Co-Founder of Chraonosphere, Former Tech Lead at Uber
                                            </p>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="right-col">
                                <h3 class="font-size-26 text-center font-weight-semibold">
                                    

                                    
                                        <span class="font-size-38 font-weight-bold text-secondary c-mt-3 c-mb-2 ">
                                            3 billion+
                                        </span>
                                    

                                    
                                         datapoints queried per second
                                    
                                </h3>
                                <a rel="noopener" href="https://archive.fosdem.org/2020/schedule/event/m3db/" target="_blank" 
                                class="crunch-button crunch-button__outline 
                                crunch-button crunch-button__outline--secondary-color crunch-button__outline--medium crunch-button__outline--border-radius font-weight-medium c-mt-5">
                                    Learn more about this case
                                </a>
                            </div>
                        </div>
                    

                </div>
            </div>

            <div class="col-3 c-pl-0">
                <ul class="nav nav-tabs flex-column" id="testimonialTabMobile" role="tablist" aria-orientation="vertical">

                    
                        <li class="nav-item" role="presentation">
                            <a 
                                class="nav-link active" 
                                id="nav-content-tab-mobile-uber" 
                                data-toggle="tab" 
                                href="#uber-mobile" 
                                role="tab" 
                                aria-controls="uber-mobile" 
                                aria-selected="true">

                                <img src="../images/home/uber_logo.png" class="testimonial-tabs__navicon testimonial-tabs__navicon--uber lazyload" loading="lazy" alt="uber" />
                            </a>
                        </li>
                    
                        <li class="nav-item" role="presentation">
                            <a 
                                class="nav-link " 
                                id="nav-content-tab-mobile-walmart" 
                                data-toggle="tab" 
                                href="#walmart-mobile" 
                                role="tab" 
                                aria-controls="walmart-mobile" 
                                aria-selected="false">

                                <img src="../images/home/walmart_logo.png" class="testimonial-tabs__navicon testimonial-tabs__navicon--walmart lazyload" loading="lazy" alt="walmart" />
                            </a>
                        </li>
                    
                        <li class="nav-item" role="presentation">
                            <a 
                                class="nav-link " 
                                id="nav-content-tab-mobile-linkedin" 
                                data-toggle="tab" 
                                href="#linkedin-mobile" 
                                role="tab" 
                                aria-controls="linkedin-mobile" 
                                aria-selected="false">

                                <img src="../images/home/linkedin_logo.png" class="testimonial-tabs__navicon testimonial-tabs__navicon--linkedin lazyload" loading="lazy" alt="linkedin" />
                            </a>
                        </li>
                    
                        <li class="nav-item" role="presentation">
                            <a 
                                class="nav-link " 
                                id="nav-content-tab-mobile-chronosphere" 
                                data-toggle="tab" 
                                href="#chronosphere-mobile" 
                                role="tab" 
                                aria-controls="chronosphere-mobile" 
                                aria-selected="false">

                                <img src="../images/home/chronosphere_logo.png" class="testimonial-tabs__navicon testimonial-tabs__navicon--chronosphere lazyload" loading="lazy" alt="chronosphere" />
                            </a>
                        </li>
                    

                </ul>
            </div>
        </div>

        <div class="row c-mt-8 c-mt-md-0">
            <div class="col text-center">
                <a data-label="Show more" data-clicked-label="Show less" id="show-more-logos" target="_self" rel="noopener" href="" class="crunch-button crunch-button__full-background crunch-button__full-background--primary-color crunch-button__outline--border-radius crunch-button__full-background--large font-size-18 font-weight-semibold c-mt-5 c-mt-md-8 mx-auto toggle-btn">
                        Show more
                </a>
            </div>
        </div>
    </div>

    <div class="container c-mt-2" data-aos="fade-in">
        <div class="js-testimonial-logos testimonial-logos row justify-content-center">

            
                <div class="testimonial-logos__logo text-center col-md-3 d-flex flex-column justify-content-center align-items-center c-mt-8">
                    <img src="../images/home/logos/comcast_logo.png" class="testimonial-logos__logo--comcast lazyload" loading="lazy" alt="comcast_logo.png" />
                </div>
            
                <div class="testimonial-logos__logo text-center col-md-3 d-flex flex-column justify-content-center align-items-center c-mt-8">
                    <img src="../images/home/logos/databricks_logo.png" class="testimonial-logos__logo--databricks lazyload" loading="lazy" alt="databricks_logo.png" />
                </div>
            
                <div class="testimonial-logos__logo text-center col-md-3 d-flex flex-column justify-content-center align-items-center c-mt-8">
                    <img src="../images/home/logos/fedex_logo.png" class="testimonial-logos__logo--fedex lazyload" loading="lazy" alt="fedex_logo.png" />
                </div>
            
                <div class="testimonial-logos__logo text-center col-md-3 d-flex flex-column justify-content-center align-items-center c-mt-8">
                    <img src="../images/home/logos/here_logo.svg" class="testimonial-logos__logo--here lazyload" loading="lazy" alt="here_logo.svg" />
                </div>
            
                <div class="testimonial-logos__logo text-center col-md-3 d-flex flex-column justify-content-center align-items-center c-mt-8">
                    <img src="../images/home/logos/tencent_logo.png" class="testimonial-logos__logo--tencent lazyload" loading="lazy" alt="tencent_logo.png" />
                </div>
            
                <div class="testimonial-logos__logo text-center col-md-3 d-flex flex-column justify-content-center align-items-center c-mt-8">
                    <img src="../images/home/logos/trivago_logo.jpg" class="testimonial-logos__logo--trivago lazyload" loading="lazy" alt="trivago_logo.jpg" />
                </div>
            

        </div>
    </div>
</section>
    <section class="why-m3 position-relative c-pt-10 c-pt-xl-6 c-mt-8">
    <img src="../images/home/why-m3_bg.svg" class="why-m3__bg lazyload" alt="why-background" />

    <div class="container">
        <div class="row">
            <div class="col">
                <h3 class="font-size-48 font-weight-semibold">
                    What is M3
                </h3>
            </div>
        </div>

        <div class="row c-mt-5 c-mt-xl-3" data-aos="fade-in">
            <div class="why-m3__col col-md-6">
                <p class="font-size-19 font-weight-semibold line-height-1-7 text-grey-dark white-space-preline">
                     M3 is the obvious choice for Cloud Native companies looking to scale up their Prometheus based monitoring systems. M3 can be used as Prometheus Remote Storage and has 100% PromQL compatibility.
                </p>
            </div>
            <div class="why-m3__col col-md-6">
                <p class="font-size-19 font-weight-semibold line-height-1-7 text-grey-dark white-space-preline">
                    M3 was originally developed at Uber in order to provide visibility into Uber’s business operations, microservices and infrastructure. With its ability to horizontally scale with ease, M3 provides a single centralized storage solution for all monitoring use cases.
                </p>
            </div>
        </div>

        <div class="row why-m3__apla c-mt-6"  data-aos="fade-in">

            

                <div class="why-m3__apla-item col-lg-4 c-px-lg-0 c-py-7">
                    <div class="why-m3__apla-logo d-flex flex-column justify-content-center mx-auto">
                        <img class="lazyload" src="../images/home/logos/prometheus_logo.svg" loading="lazy" alt="logo-prometheus_logo.svg" />
                    </div>

                    
                        <div class="arrow">
                            <img class="lazyload" src="../images/about/arrow.png" loading="lazy" alt="arrow-pic" />
                        </div>
                    

                    <h4 class="font-size-16 font-weight-bold text-center c-mt-2">
                        Prometheus
                    </h4>
                </div>

            

                <div class="why-m3__apla-item col-lg-4 c-px-lg-0 c-py-7">
                    <div class="why-m3__apla-logo d-flex flex-column justify-content-center mx-auto">
                        <img class="lazyload" src="../images/home/logos/m3_logo.svg" loading="lazy" alt="logo-m3_logo.svg" />
                    </div>

                    

                    <h4 class="font-size-16 font-weight-bold text-center c-mt-2">
                        M3
                    </h4>
                </div>

            

                <div class="why-m3__apla-item col-lg-4 c-px-lg-0 c-py-7">
                    <div class="why-m3__apla-logo d-flex flex-column justify-content-center mx-auto">
                        <img class="lazyload" src="../images/home/logos/grafana_logo.svg" loading="lazy" alt="logo-grafana_logo.svg" />
                    </div>

                    
                        <div class="arrow">
                            <img class="lazyload" src="../images/about/arrow.png" loading="lazy" alt="arrow-pic" />
                        </div>
                    

                    <h4 class="font-size-16 font-weight-bold text-center c-mt-2">
                        Grafana
                    </h4>
                </div>

            

            <div class="col why-m3__cta text-center c-pt-5 c-pb-7 c-py-md-6 c-pb-md-6 c-px-lg-0">
                <a target="_self" rel="noopener" href="/docs/quickstart/docker" 
                    class="navbar-hugo__cta crunch-button crunch-button__full-background crunch-button__full-background--gradient-color 
                    crunch-button__full-background--arrow-right crunch-button__full-background--large text-white ml-auto c-mr-4">
                        Getting Started
                </a>
            </div>
        </div>
    </div>
</section>
    <section class="features c-border-bottom-1 c-py-10" data-aos="fade-in">
    <div class="container">
        <div class="row">

            
                <div class="features__col features__col--1 col-md-6 col-lg-4 px-xl-0 align-items-stretch text-center c-pt-8">
                    <div class="icon-wrapper d-flex justify-content-center align-items-center">
                        <img class="lazyload" src="../images/home/features/feature-1.svg" loading="lazy" alt="1" />
                    </div>
                    <h5 class="font-size-28 font-weight-bold c-mt-6 c-mt-md-5 c-mt-lg-2">Global Scale</h5>
                    <p class="description font-size-20 mx-auto font-weight-medium line-height-1-5 c-mt-4">Proven at the largest scales in the world by storing 10s of billions of active metric time series.</p>
                </div>
            
                <div class="features__col features__col--2 col-md-6 col-lg-4 px-xl-0 align-items-stretch text-center c-pt-8">
                    <div class="icon-wrapper d-flex justify-content-center align-items-center">
                        <img class="lazyload" src="../images/home/features/feature-2.svg" loading="lazy" alt="2" />
                    </div>
                    <h5 class="font-size-28 font-weight-bold c-mt-6 c-mt-md-5 c-mt-lg-2">Reliable</h5>
                    <p class="description font-size-20 mx-auto font-weight-medium line-height-1-5 c-mt-4">Three replicas of data with quorum writes and reads for consistency.</p>
                </div>
            
                <div class="features__col features__col--3 col-md-6 col-lg-4 px-xl-0 align-items-stretch text-center c-pt-8">
                    <div class="icon-wrapper d-flex justify-content-center align-items-center">
                        <img class="lazyload" src="../images/home/features/feature-3.svg" loading="lazy" alt="3" />
                    </div>
                    <h5 class="font-size-28 font-weight-bold c-mt-6 c-mt-md-5 c-mt-lg-2">Highly Efficient</h5>
                    <p class="description font-size-20 mx-auto font-weight-medium line-height-1-5 c-mt-4">Optimized compression algorithm resulting in 11X compression ratio.</p>
                </div>
            
                <div class="features__col features__col--4 col-md-6 col-lg-4 px-xl-0 align-items-stretch text-center c-pt-8">
                    <div class="icon-wrapper d-flex justify-content-center align-items-center">
                        <img class="lazyload" src="../images/home/features/feature-4.svg" loading="lazy" alt="4" />
                    </div>
                    <h5 class="font-size-28 font-weight-bold c-mt-6 c-mt-md-5 c-mt-lg-2">Performant</h5>
                    <p class="description font-size-20 mx-auto font-weight-medium line-height-1-5 c-mt-4">Proven in production to ingest more than one billion datapoints per second while serving more than two billion datapoint reads per second.</p>
                </div>
            
                <div class="features__col features__col--5 col-md-6 col-lg-4 px-xl-0 align-items-stretch text-center c-pt-8">
                    <div class="icon-wrapper d-flex justify-content-center align-items-center">
                        <img class="lazyload" src="../images/home/features/feature-5.svg" loading="lazy" alt="5" />
                    </div>
                    <h5 class="font-size-28 font-weight-bold c-mt-6 c-mt-md-5 c-mt-lg-2">Compatible</h5>
                    <p class="description font-size-20 mx-auto font-weight-medium line-height-1-5 c-mt-4">Compatible with Prometheus, StatsD, and Carbon ingestion formats as well as  PromQL and Graphite query languages.</p>
                </div>
            
                <div class="features__col features__col--6 col-md-6 col-lg-4 px-xl-0 align-items-stretch text-center c-pt-8">
                    <div class="icon-wrapper d-flex justify-content-center align-items-center">
                        <img class="lazyload" src="../images/home/features/feature-6.svg" loading="lazy" alt="6" />
                    </div>
                    <h5 class="font-size-28 font-weight-bold c-mt-6 c-mt-md-5 c-mt-lg-2">Open &amp; Community Focused</h5>
                    <p class="description font-size-20 mx-auto font-weight-medium line-height-1-5 c-mt-4">Open sourced under the Apache 2 license with a highly active community. Contributions welcomed.</p>
                </div>
            

        </div>

        <div class="row c-mt-7">
            <div class="col text-center">
                <a target="_self" rel="noopener" href="/about" 
                class="crunch-button 
                crunch-button__full-background crunch-button__full-background--primary-color 
                crunch-button__full-background--large  
                crunch-button__outline--border-radius font-size-18 font-weight-semibold c-mt-6 c-mr-md-4">
                    About M3
                </a>

                <a target="_self" rel="noopener" href="/docs/" 
                class="crunch-button 
                crunch-button__outline 
                crunch-button__outline--primary-color  
                crunch-button__outline--large 
                crunch-button__outline--border-radius font-size-18 font-weight-semibold c-mt-5 c-mt-md-6 c-ml-md-4">
                    Documentation
                </a>
            </div>
        </div>
    </div>
</section>


        
            </div>
    
        
<div class="js-main-footer-wrapper">
    <footer class="main-footer c-py-10">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="main-footer__logo-wrapper">
                        <a class="navbar-brand" href="">
                            <img src="../images/logo.svg" class="main-footer__logo lazyload" alt="logo-m3" loading="lazy">
                        </a>    
                    </div>
                </div>

                <div class="col-6 col-md-3 c-mt-6 c-mt-md-0">
                    <h4 class="main-footer__title font-size-16 font-weight-bold text-primary">Sitemap</h4>
                    <ul class="main-footer__menu main-footer__menu-sitemap list-unstyled c-mt-3">
                        <li class="main-footer__menu-item"><a href="/community">Community</a></li>
                        <li class="main-footer__menu-item"><a href="/about">About M3</a></li>
                        <li class="main-footer__menu-item"><a href="/docs/" target="_blank">Documentation</a></li>
                    </ul>
                </div>

                <div class="col-6 col-md-3 c-mt-6 c-mt-md-0">
                    <h4 class="main-footer__title font-size-16 font-weight-bold text-primary">Join our Community</h4>
                    <ul class="main-footer__menu main-footer__menu-community list-unstyled c-mt-3">
                        <li class="main-footer__menu-item">
                            <p class="text-center">
                                <img src="../images/slack_logo-color.svg" class="main-footer__menu-community--slack lazyload" 
                                loading="lazy" alt="logo-slack-color" />
                            </p>
                            <span><a href="https://bit.ly/m3slack" target="_blank">Slack</a></span>
                        </li>
                        <li class="main-footer__menu-item">
                            <p class="text-center">
                                <img src="../images/github_logo-color.svg" class="main-footer__menu-community--github lazyload" loading="lazy" alt="logo-github-color" />
                            </p>
                            <span><a href="https://github.com/m3db/m3" target="_blank">Github</a></span>
                        </li>
                        <li class="main-footer__menu-item">
                            <p class="text-center">
                                <img src="../images/meetup_logo-color.svg" class="main-footer__menu-community--meetup lazyload" loading="lazy" alt="logo-meetup-color" />
                            </p>
                            <span><a href="https://www.meetup.com/M3-Community/" target="_blank">Meetup</a></span>
                        </li>
                        <li class="main-footer__menu-item">
                            <p class="text-center">
                                <img src="../images/community/calendly-logo.svg" class="main-footer__menu-community--office lazyload" loading="lazy" alt="logo-office-color"/>
                            </p>
                            <span><a href="https://calendly.com/chronosphere-intro/m3-community-office-hours" target="_blank">Office Hours</a></span>
                        </li>
                    </ul>
                </div>

                <div class="col-md-3 c-mt-8 c-mt-md-0">
                    <p class="main-footer__copy font-size-14 text-primary">Copyright © 2020. All rights reserved.</p>
                </div>
            </div>
        </div>
    </footer>
</div>
    

    <script src="../js/home.js" defer></script>
<script>
    WebFontConfig = {
        custom: {
            families: ['Cabin:400,500,600,700', 'Poppins:400,500']
        }
    };

    (function(d) {
        var wf = d.createElement('script'), s = d.scripts[0];
        wf.src = 'https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js';
        wf.async = true;
        s.parentNode.insertBefore(wf, s);
    })(document);

</script>


    </body>
</html>
